Q. 모바일 웹에서 “고화질”로 느껴지는 이미지 해상도 기준이 궁금합니다..!

답변 2

• 

  프로답변러YTN

  코부사장 ∙ 채택률 85%

  ---

  멘티님 모바일과 태블릿을 아우르는 고화질의 기준은 긴 변 1920px이 용량과 선명함 사이의 가장 확실한 정답입니다. 최신 스마트폰의 높은 DPR을 고려하면 1280px은 다소 아쉬울 수 있으니 태블릿까지 하나의 리소스로 커버 가능한 1920px을 기본으로 잡고 srcset 속성으로 대응하는 것이 효율적입니다. 별도의 태블릿 이미지를 만드는 것보다 고해상도 이미지를 WebP 포맷으로 압축해 전송하는 것이 관리 소요를 줄이고 화질을 지키는 실무의 핵심 노하우입니다. 고민하지 마시고 1920px을 기준점으로 잡으시면 어떤 디바이스에서도 흐릿함 없는 쾌적한 경험을 제공할 수 있습니다. 채택부탁드리며 파이팅입니다!

  ---
• 

  전문상담HL 디앤아이한라

  코이사 ∙ 채택률 62%

  ---

  안녕하세요, 성실히 답변 드리겠습니다. 채택 바랍니다 ^^ 모바일 화면 폭에 맞춘 긴 변 기준 1280 - 1600px > 고화질 체감 + 용량 균형이 가장 큰함 DRP 2-3 기준으로 CSS 폭 X DPR 정도로 계산하면 충분 태블릿 아이패드 등은 모바일보다 해상도 커서 1800-2048px 정도 별도 제공하는 경우 많음 현업 패턴 : 모바일 / 태블릿 따로 사이즈 준비, 반응형 SRCSET 활용 핵심 체감 고화질 = DPR 고려 + 긴 변 1.5k~2k 정도, 용량과 속도 균형 맞추기

  ---